<!-- 废弃（后续都不再使用scriptMark开发） -->
<!--# 依赖 jQuery\jbcommon\mootools\jspxnet #-->
<#assign baseConfig="'config@user'.ioc()" />
<#assign userAction="findpassword@user".action() />
<#assign user="userAction.getMember(action.userSession.uid)"/>
<!--载入必须文件-->
<@import module=['mootools','jspxnet'] />
<!--todo:之后要优化样式删除无用的样式-->
<link rel="stylesheet" href="${remoteHostUrl}/share/icofont/v1/jbfontv1.css">
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
    }

    a {
        cursor: pointer;
        color: #000;
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    .wrapper {
        margin-top: 70px;
    }

    /*----------------全站顶部系统菜单----------------*/
    .globalTopNav {
        position: fixed;
        z-index: 2;
        top: 0;
        width: 100%;
        min-width: 1300px;
        height: 70px;
        line-height: 70px;
        background-color: #fff;
        font-size: 16px;
        color: #333333;
    }

    .globalTopNav + * {
        margin-top: 70px;
    }

    .innGlobalTopNav {
        position: relative;
        width: 1300px;
        margin: 0 auto;
    }

    .innGlobalTopNav:after {
        content: "";
        clear: both;
        display: block;
        width: 0;
        height: 0;
    }

    .globalTopNav-logo {
        float: left;
        width: 200px;
        color: #333333;
        font-size: 24px;
    }

    .globalTopNav-nav {
        float: left;
        margin: auto;
        width: 720px;
        text-align: center;
    }

    .globalTopNav-nav-tit {
        position: relative;
        float: left;
        cursor: pointer;
        width: 120px;
        color: #000;
    }

    .globalTopNav-nav ul {
        position: absolute;
        z-index: 2;
        display: none;
        margin-top: 4px;
        background-color: #fff;
        border-top: 0;
        width: 100%;
        border-radius: 0 0 4px 4px;
        color: #333;
    }

    .globalTopNav-nav li {
        line-height: 40px;
    }

    .globalTopNav-nav a {
        color: #333;
        font-size: 14px;
    }

    /*hover*/
    .globalTopNav-nav-tit:hover {
        color: #E4461F;
        border-bottom: 4px solid #E4461F;
    }

    .globalTopNav-nav-tit:hover ul {
        display: block;
    }

    .globalTopNav-nav li:hover {
        background-color: #E4461F;
    }

    .globalTopNav-nav li:hover a {
        color: #fff;
    }

    .globalTopNav-oper {
        float: right;
        min-width: 300px;
        text-align: right;
        font-size: 14px;
        color: #333333;
    }

    .globalTopNav-oper > * {
        margin-left: 10px;
    }

    .globalTopNav-oper-userImg {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        overflow: hidden;
    }

    .globalTopNav-oper-btn {
        display: inline-block;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        background-color: #F8F8F8;
        color: #666;
        text-align: center;
        font-size: 16px;
    }

    .globalTopNav-oper-config {
        position: relative;
        display: inline-block;
    }

    .globalTopNav-oper-config .innConfig {
        position: absolute;
        z-index: 2;
        right: 0;
        margin-right: -50%;
        display: none;
        border-top: 4px solid #E4461F;
        width: 870px;
        overflow: hidden;
        background-color: #ffffff;
        line-height: normal;
    }

    .globalTopNav-oper-config .group {
        float: left;
        width: 16.66%;
        text-align: center;
    }

    .globalTopNav-oper-config .t {
        line-height: 40px;
        height: 40px;
        color: #999999;
    }

    .globalTopNav-oper-config li {
        padding: 10px 0;
    }

    .globalTopNav-oper-config a {
        color: #333333;

    }

    .globalTopNav-oper-userInfo {
        position: relative;
        display: inline-block;
    }

    .globalTopNav-oper-userInfo a {
        display: block;
    }

    .globalTopNav-oper-userInfo .innUserInfo {
        position: absolute;
        z-index: 2;
        margin-right: -50%;
        right: 0;
        display: none;
        border-top: 4px solid #E4461F;
        width: 80px;
        overflow: hidden;
        background-color: #ffffff;
        line-height: normal;
        text-align: center;
    }

    .globalTopNav-oper-userInfo .innUserInfo > * {
        line-height: 40px;
    }

    /*hover*/
    .globalTopNav-oper-config:hover .globalTopNav-oper-btn {
        background-color: #FFF1EE;
        color: #E4461F;
    }

    .globalTopNav-oper-config:hover .innConfig,
    .globalTopNav-oper-userInfo:hover .innUserInfo {
        display: block;
    }

    .globalTopNav-oper-config li:hover,
    .globalTopNav-oper-userInfo a:hover {
        color: #fff;
        background-color: #E4461F;
    }

    .globalTopNav-oper-config li:hover a {
        color: #fff;
    }

    /*--------------------媒体查询--------------------*/
    @media (max-width: 1320px) {
        .globalTopNav {
            position: absolute;
        }
    }

</style>
<div id="globalTopNav" class="globalTopNav">
    <div class="innGlobalTopNav">
        <div class="globalTopNav-logo">晶石创智</div>
        <div class="globalTopNav-nav">
            <div class="globalTopNav-nav-tit">首页</div>
            <!-- <div class="globalTopNav-nav-tit">
                空间
                <ul>
                    <li><a href="${remoteHostUrl}/juweb/user/index.${suffix}">空间首页</a></li>
                    <li><a href="${remoteHostUrl}/juweb/user/${action.userSession.uid}/index.${suffix}">我的空间</a></li>
                    <li><a href="${remoteHostUrl}/juweb/user/spaceconfig.${suffix}">个性化设置</a></li>
                </ul>
            </div>
            <div class="globalTopNav-nav-tit">
                社区
                <ul>
                    <li><a href="${remoteHostUrl}/jbbs/">社区首页</a></li>
                    <li><a href="${remoteHostUrl}/jbbs/topiclist.${suffix}?uid=${action.userSession.uid}">我发的帖</a></li>
                    <li>我关注的圈子</li>
                </ul>
            </div>
            <div class="globalTopNav-nav-tit">
                商城
                <ul>
                    <li><a href="${remoteHostUrl}/jshop/listgoods.html">商城首页</a></li>
                    <li>优惠活动</li>
                    <li><a href="${remoteHostUrl}/jshop/listcar.html">购物车</a></li>
                    <li>订单列表</li>
                    <li>我的优惠券</li>
                </ul>
            </div>
            <div class="globalTopNav-nav-tit">
                收藏
                <ul>
                    <li><a href="${remoteHostUrl}/user/listfavorite.${suffix}?currentCon=0">关注的店铺</a></li>
                    <li><a href="${remoteHostUrl}/user/listfavorite.${suffix}?currentCon=1">收藏的商品</a></li>
                    <li><a href="${remoteHostUrl}/user/listfavorite.${suffix}?currentCon=2">收藏的社区帖子</a></li>
                    <li><a href="${remoteHostUrl}/user/listfavorite.${suffix}?currentCon=3">收藏的文章</a></li>
                </ul>
            </div>
            <div class="globalTopNav-nav-tit">
                招聘
                <ul>
                    <li><a href="${remoteHostUrl}/jrecruit">招聘首页</a></li>
                    <li><a href="${remoteHostUrl}/jrecruit/editrecruit.${suffix}">我的简历</a></li>
                    <li><a href="${remoteHostUrl}">我的求职</a></li>
                </ul>
            </div> -->
        </div>
        <div class="globalTopNav-oper">
            <!--<#if where="action.isGuest()">-->
            <a id="loginAlert" onclick="loginDlg()" href="javascript:" class="tit">游客请:登录</a>
            <a href="${remoteHostUrl}/user/reguser.${suffix}">注册</a>
            <a href="${remoteHostUrl}/user/phonefindpassword.${suffix}">找回密码</a>
            <!--<#else>-->
            <!--            空间-->
            <div class="globalTopNav-oper-userInfo">
                <a class="globalTopNav-oper-btn jbfontv1 jFI-Blog" href="/user/listmsg.${suffix}"></a>
                <div class="innUserInfo">
                    <ul>
                        <li><a href="${remoteHostUrl}/juweb/user/followbloglist.${suffix}?boxType=4">我的空间</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=0">个性化设计</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=1">资料及访问权限</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=2">博文分类设置</a></li>
                    </ul>
                </div>
            </div>
            <!--            好友-->
            <div class="globalTopNav-oper-userInfo">
                <a class="globalTopNav-oper-btn jbfontv1 jFI-Friends" href="/user/listmsg.${suffix}"></a>
                <div class="innUserInfo">
                    <ul>
                        <li><a href="${remoteHostUrl}/juweb/user/followbloglist.${suffix}?boxType=4">好友动态</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=0">我的好友</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=1">我关注的</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=2">我的粉丝</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=3">我的黑名单</a></li>
                        <li><a href="${remoteHostUrl}/user/listvisitor.${suffix}">我的访客</a></li>
                        <li><a href="${remoteHostUrl}/user/listcontacts.${suffix}">测试链接添加好友页</a></li>
                    </ul>
                </div>
            </div>
            <!--            收藏-->
            <div class="globalTopNav-oper-userInfo">
                <a class="globalTopNav-oper-btn jbfontv1 jFI-Favorfill" href="/user/listmsg.${suffix}"></a>
                <div class="innUserInfo">
                    <ul>
                        <li><a href="${remoteHostUrl}/juweb/user/followbloglist.${suffix}?boxType=4">关注的店铺</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=0">收藏的商品</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=1">收藏的社区帖子</a></li>
                        <li><a href="${remoteHostUrl}/user/listfollow.${suffix}?currentCon=2">收藏的文章</a></li>
                    </ul>
                </div>
            </div>
            <!--            信息-->
            <div class="globalTopNav-oper-userInfo">
                <a class="globalTopNav-oper-btn jbfontv1 jFI-Message" href="/user/listmsg.${suffix}"></a>
            </div>
            <!--            购物车-->
            <div class="globalTopNav-oper-userInfo">
                <a class="globalTopNav-oper-btn jbfontv1 jFI-ShopCar" href="/user/listmsg.${suffix}"></a>
            </div>
            <!--            用户头像-->
            <div class="globalTopNav-oper-config">
                <img class="globalTopNav-oper-userImg" src="${user.faceImage}"
                     onerror="jQuery(this).attr('src','/share/pimg/basesys/userimg_none.gif')" alt="">
                <div class="innConfig">
                    <div class="group">
                        <div class="t">系统应用</div>
                        <ul>
                            <li onclick="sessionStorage.clear()"><a href="javascript:goOrganManager()">我的机构后台</a></li>
                            <li><a href="">投诉建议</a></li>
                            <li><a href="${remoteHostUrl}/user/exit.${suffix}">退出登录</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="t">安全设置</div>
                        <ul>
                            <li><a href="${remoteHostUrl}/user/resetpassword.${suffix}">修改登录密码</a></li>
                            <li><a href="${remoteHostUrl}/user/verifymode.${suffix}">手机及账号绑定</a></li>
                            <li><a href="">密保问题</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="t">应聘求职</div>
                        <ul>
                            <li><a href="">修改求职简历</a></li>
                            <li><a href="">应聘管理</a></li>
                            <li><a href="">职位推荐</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="t">交互社区</div>
                        <ul>
                            <li><a href="">我发的帖子</a></li>
                            <li><a href="">我的精华帖</a></li>
                            <li><a href="">收到的回复</a></li>
                            <li><a href="">收藏的帖子</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="t">购物管理</div>
                        <ul>
                            <li><a href="">购物收藏夹</a></li>
                            <li><a href="">订单管理</a></li>
                            <li><a href="">售后维修</a></li>
                            <li><a href="">发票管理</a></li>
                            <li><a href="">积分管理</a></li>
                            <li><a href="">优惠券及红包</a></li>
                            <li><a href="">我的会员卡</a></li>
                            <li><a href="">修改收货地址</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="t">会员中心</div>
                        <ul>
                            <li><a href="${remoteHostUrl}/user/main.${suffix}">个人中心</a></li>
                            <li><a href="">资金账户</a></li>
                            <li><a href="">兴趣设置</a></li>
                            <li><a href="${remoteHostUrl}/user/edituser.${suffix}?currentCon=0">资料及头像</a></li>
                            <li><a href="">我的荣誉</a></li>
                            <li><a href="">浏览记录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--</#else></#if>-->
        </div>
    </div>
</div>
